// @import "comman.scss";
// 轮播图样式设置
.clear{
    display:block !important;
}

.banner{
    width:100%;
    height:365px;
    position:relative;
    overflow:hidden;
    background:url(../img/banner1-bg.png) repeat;
  .banner_oslider{
    width:100%;
    height:100%;
    .slider{
      position:relative;
      .slider_img{
        width:1200px;
        height:365px;
        ul{
          width:1200px;
          height:365px;
          position:relative;
          li{
            position:absolute;
            top:0;
            left:0;
            margin:0 auto;
            width:1200px;
             img{
              width:100%;
              height:365px;
              } 
          }
        }
      }
        // 轮播按钮
      .circle{
        position:absolute;
        bottom:10px;
        left:45%;
        height:20px;
        cursor:pointer;
       // width:100%;
      //  text-align:center;
        ul{
          text-align:center;
          li{
          display:inline-block;
          position:relative;
          width:14px;
          height:14px;
          float:left;
          border-radius:50%;
          -moz-border-radius:50%;
          -ms-border-radius:50%;
          -webkit-border-radius:50%;
          -o-border-radius:50%;
          behavior: url(ie-css3.htc);
          background:#333;
          opacity:0.6;
          z-index:999;
          filter: "alpha(opacity=60)";   /* IE 8 */ 
          filter: alpha(opacity=60);  /* IE 4-7 */ 
          margin-right:20px;
          }
          .active{
            background:#fff;
            border-radius:7px;
            opacity:1;
            filter: "alpha(opacity=100)";   /* IE 8 */ 
            filter: alpha(opacity=100);  /* IE 4-7 */ 
            transition:3s;
            width:48px;
            height:14px;
            transition:all .4s ease;
          }
        }
      }
        // 左右点击
      .button{
        position:absolute;
        top:40%;
        width:100%;
        height:40px;
        a{
          display:block;
          width:40px;
          height:120px;
          display:none;
         
        }
        a:nth-child(1){
          float:left;
          background:url(../img/index-banner-left_arrow.png) no-repeat;
        }
         a:nth-child(2){
          float:right;
          background:url(../img/index-banner-right_arrow.png) no-repeat;
        }
      }
    }
     // 免费注册展示
    .register_box{
      float:right;
      height:217px;
      width:266px;
      background:#fff;
      opacity:0.88;
      filter: "alpha(opacity=88)";   /* IE 8 */ 
      filter: alpha(opacity=88);  /* IE 4-7 */ 
      padding:36px 32px 36px 32px;
      z-index:777;
      position:relative;
      top:-324px;
      .title{
        font-size:16px;
        color:#705858;
        font-weight:bold;
      }
      .rate{
        margin-top:15px;
        span{
          color:#F64F0e;
          font-size:36px;
        }
      }
      .text{
        margin-top:15px;
        span{ 
          font-size:14px;
          color:#705858;
        }
      }
      .register_btn{
      margin-top:30px;
        a{
          display:inline-block;
          width:266px;
          height:48px;
          background:#D77814;
          border-radius:5px;
          text-align:center;
          line-height:48px;
          span{
            color:#fff;
            font-size:24px;
          }

        }
      }
      .info{
      margin-top:14px;
        span{
          font-size:14px;
          color:#705858;
        }
        a{
          color:#da251d;
        }
      }

    }
  }

}
// 中部内容样式设置
.floor{
  background:#fafafb;
  .news{
    .title{
     height:52px;
      .line{
        float:left;
        vertical-align:middle;
       i{
        background-position:-640px 0;
        display:block;
        float:left;
       }
       a{
        display:inline-block;
        height:52px;
        line-height:45px;
        color:#333;
       }
      }
      .more{
        float:right;
        color:#c49f7d;
        line-height:52px;
      }
    }
  }
}
// 多息猫最新官方网站即将上线图片展示内容这里有问题
.news{
  .news_img{
     
    ul{
      width:840px;
      float:left;
      position:absolute;
      li{
        float:left;
        height:240px;
        a{
          height:24px;
          display:block;
        }
      }
      .rotate{
        margin-left:-118px;
      }
    }
    .news_right{
      float:right;
      margin-left:30px;
      a{
        height:240px;
        display:block;
      }
    }
  }
}
// 体验专区的楼层2
.floor2{
    margin-top:40px;
    .floor2_img{
      float:left;
      width:258px;
      height:163px;

    }
    .floor2_data{
      float:right;
      width:902px;
      height:138px;
      border-top:1px solid #fd493d;
      padding:25px 0 0 40px;
      .data_top{
        .area{
          font-size:30px;
        }
        .intro{
          margin-left:18px;
          font-size:12px;
          color:#999;
        }
      }
      .data_bottom{
        margin-top:20px;
        height:79px;
        .data_left{
          width:670px;
          float:left;
          .data_number{
            .rate{
              font-size:40px;
              color:#af7334;
              font-weight:bold;
              font-family:Arial;   
            }
            .time,.price{
              color:#333;
              font-size:40px;
              font-weight:bold;
              font-family:Arial;
              margin-left:132px;
              span{
                color:#666;
                font-size:24px;
                font-weight:normal;
              }
            }
            .price{
              margin-left:105px;
            }
          }
          .data_text{
            color:#999;
            font-size:12px;
            .limit{
              margin-left:175px;
            }
            .sum{
              margin-left:150px;
            }
          }
        }
        .data_right{
          float:right;
          width:202px;
          .people{
            color:#999;
          }
          .btn{
              background:#af7535;
              width:198px;
              height:40px;
              margin-top:14px;
              text-align:center;
              line-height:40px;
              border-radius:5px;
              cursor:pointer;
              a{
                  color:#fff;
                  font-size:16px;
              }
          }
           .btn2{
            background:#bbb;
            cursor:not-allowed;
            a{
              cursor:not-allowed; 
            }
          }
          .btn3{
            cursor:not-allowed;
            background:#bbb;
            a{
              cursor:not-allowed;
            }
          }
        }
      }
    }
}
// 理财专区样式设置、
.floor3{
    margin-top:50px;
    .floor3_left{
        float:left;
       width:840px; 
      .title{
          padding-bottom:14px;
          border-bottom: 1px solid silver;
           span{
              float:left;
              color:#241f19;
              font-size:24px;
              font-weight:bold;
              line-height:12px;  
           }
           .both{
               float:right;
               color:#af7535;
           }
          
       }
       // 这里样式调整。。。。。
      .content{
        position:relative;
        margin-bottom:30px;
        margin-top:30px;
         .content_left{
             float:left;
             .instruction{
                 i{
                     vertical-align:-15px;
                     margin-left:-10px;
                     background-position:-440px -40px;
                     &.mouth1{
                      background-position:-520px 0;
                      vertical-align:-12px;
                     }
                     &.mouth2{
                      background-position:-600px -40px;
                      vertical-align:-12px;
                     }
                     &.mouth3{
                      background-position:-680px 0;
                      vertical-align:-12px;
                     }
                 }
                 span{
                     display:inline-block;
                     line-height:42px;
                     height:42px;
                   text-indent:-10px;
                 }
             }
             .instru1{
                 li{
                     float: left;
                     margin-right: 85px;
                     font-size:32px;
                     font-weight:bold;
                  
                     span{
                        font-size:16px;
                        color:#666;
                        font-weight:normal;
                     }
                     .add{
                        font-size:14px;
                        color:#af7334;
                        font-family:'Arial';
                     }
                 }
                .instru1_li1{
                      color:#af7533;
                   }
             }
             .instru2{
                 li{
                     float: left;
                     margin-right:135px;
                     font-size:12px;
                     color:#666;
                 }
                 .instru2_li2{
                  margin-right:100px;
                 }
             } 
         }
         .content_right{
             float:right;
             position:absolute;
             bottom:0;
             right:0;
             // 进度条
             .progress{
                 margin-top:18px;
                 color:#666;
                 span{
                    font-size:12px;
                  }
                .bg{
                  display:inline-block;
                  height:3px;
                  width:100px;
                  background:#ccc;
                  position:relative;
                  line-height:12px;
                  .out{
                    position:absolute;
                    top:0;
                    left:0;
                    display:inline-block;
                    background:#af7533;
                    width:75px;
                    height:3px;
                  }
                }
             }
             .btn{
                color:#fff;
                background:#af7533;
                width:198px;
                height:40px;
                border-radius:5px;
                text-align:center;
                margin-top:15px;
                cursor:pointer;
                a{
                  color:#fff;
                  line-height:40px;
                  font-size:16px;
                }
             }
         }
      }
    }
    .floor3_right{
       width:330px;
       margin-left:30px;
       float:right;
       .product_data{
          .title{
              border-bottom:1px solid silver;
              padding-bottom: 14px;
              span{
                  font-size:24px;
                  font-weight: bold;
                  color:#241f19;
                  line-height:12px;
              }    
          } 
          .data_total{
            margin-top:20px;
          }    
       }
       .state{
           .title{
              border-bottom:1px solid silver;
              padding:30px 0 14px 0;
              span{
                  font-size:24px;
                  font-weight:bold;
                  color:#241f19;
                  float:left;
                  line-height:12px; 
              }
              .both{
                  color:#af7535;
                  float:right;
                  margin-right:10px;
              }
           }
           // 电话号滚动轮播内容
          .scroll{
             margin: 30px 0 0 0px;
             height:223px;
             overflow:hidden;
             .phone_number{
                 li{
                    // list-style:square;
                     margin-bottom: 15px;
                     font-size:14px;
                     font-family:Arial;
                     i{
                        dispaly:inline-block;
                        width:5px;
                        height:5px;
                        background:url(../img/circle.png) no-repeat;
                     }
                     .time{
                         // margin-right: 44px;
                         width:100px;
                         display:inline-block;
                     }
                     .money{
                        // margin-right: 44px;
                        width:120px;
                         color: #af7535;
                           display:inline-block;
                     }
                     .number{
                       width:90px;
                       
                           display:inline-block;
                     }
                 }
                 li:last-child{
                     margin-bottom:0;
                 }
             }
          }
       }
    }
}
// 媒体报道内容样式设置
.floor4{
  background:#efefea;
  padding-bottom:50px;
    .floor4_left{
      float:left;
      width:840px;
      .title{
        margin-top:40px;
        span{ 
          color:#241f19;
          font-weight:bold;
          font-size:24px;
          float:left;
          line-height:12px;
        }
        .both{
          color:#ad7533;
          float:right;
        }
      }
      .content{
        margin-top:30px;
        width:840px;
        height:370px;
        overflow:hidden;
        .report{
          display:block;
          width:360px;
          height:125px;
          background:#fff;
          float:left;
          margin-bottom:20px;
          padding:25px;
          &:nth-child(odd){
            margin-right:20px;
          }
          .report_img{
            float:left;
            a{
              display:inline-block;
              width:110px;
              height:125px;

            }
          }
          .report_info{
            float:right;
            width:240px;
            margin-left:10px;
            .txt{
              font-size:14px;
              color:#444;
              text-indent:-20px;
              font-family:"微软雅黑";
              position:relative;
              span:first-child{
                display:inline-block;
                width:20px;
                height:10px;
                font-size:46px;
                font-weight:bold;
                font-family:Arial;
                font-style:normal;
                text-indent:15px;
                position:relative;
                right:15px;
                top:15px;
              }
              .quotation_r{
                display:inline-block;
                line-height:10px;
                width:20px;
                height:10px;
                font-size:46px;
                font-weight:bold;
                font-family:Arial;
                font-style:normal;
                position:relative;
                right:-15px;
                bottom:-15px;
              }
            }
            .info{
              margin-top:18px;
              .name{
                font-size:12px;
                color:#af7334;
              }
              .date{
                 font-size:12px;
                 color:#999;
              }
            }
          }
        }

      }
    }
    // 多息猫公告
    .floor4_right{
      float:right;
      width:330px;
      margin-top:40px;
      margin-left:30px;
       .title{
        span{ 
          color:#241f19;
          font-weight:bold;
          font-size:24px;
          float:left;
          line-height:12px;
        }
        .both{
          color:#ad7533;
          float:right;

        }
      }
    }
}
// 右侧轮播样式设置
.floor4_right{
  .content{
    margin-top:30px;
    height:229px;
    .banner{
     height:100%;
      position:relative;
      // 轮播内容.........................
      .slider{
      height:100%;
        .slider_img{
          height:100%;
          a{
            display:none;
            width:330px;
            height:229px;
          }
          .active{
            display:block;
          }

        }
        // 多息猫公告轮播文字
        .slider_txt{
          position:absolute;
          bottom:0;
          left:0;
          width:100%;
          height:40px;
          text-align:center;
          background:#333;
          opacity:0.7;
          filter: "alpha(opacity=70)";   /* IE 8 */ 
           filter: alpha(opacity=70);  /* IE 4-7 */ 
          line-height:40px;
          a{
           // display:inline-block;
            display:none;
            width:100%;
            height:40px;
            color:#fff;
          }
          .active{
            display:inline-block;
          }
        }
        .slider_btn{
          position:absolute;
          right:0;
          top:40px;
          // 多息猫公告点击按钮
          .btn{
           position:relative;
            width:76px;
            height:24px;
            margin-bottom:10px;
            cursor:pointer;
            .btn_line{
              display:inline-block;
              width:4px;
              height:24px;
              background:#856e43;
            }
            .btn_content{
              position:absolute;
              right:0;
              top:0;
              display:inline-block;
              width:72px;
              height:24px;
              text-align:center;
              line-height:24px;
              background:#bfa163;
                span{
                  color:#fff;
                }
            }
          }
          // 激活状态的按钮
          .active{
            .btn_line{
              background:#7a4f24;
            }
            .btn_content{
              background:#af7335;
            }
          }

        }
      }
    }
    .item{
    margin-top:24px;
      li{
        font-size:12px;
        line-height:32px;
        list-style:square;
        width:235px;
        overflow:hidden;
        text-overflow: ellipsis;
        white-space:nowrap;
        a{
          color:#333;
          font-size:14px;
          i{
          display:inline-block;
          width:5px;
          height:5px;
          background:url(../img/circle.png) no-repeat;
          }

        }
        a:hover{
          color:#af7334;
         }
      }
    }
  }
}


// 合作伙伴样式设置
.cooperation{
    margin-top:50px;
    // 需改进///////////////
    padding-bottom:130px;
    .title{
      margin-bottom:30px;
      span {
        color:#241f19;
        font-weight:bold;
        font-size:24px;
      }
    }
    .partner{
      display:none;
      a{
        display:inline-block;
        width:185px;
        height:104px;
        margin-right:10px;
      }
      a:last-child{
        margin-right:0;
      }
    }
    // 轮播点击小圆点
   .circle{
       margin-top:18px;
       height:30px;
       position:relative;
       a{
           display:inline-block;
           width:10px;
           height:10px;
           border-radius:50%;
           background:#c0a263;
           position:absolute;
           top:50%;
           left:50%;
           cursor:pointer;
           
       } 
       a:nth-child(2){
           margin-left:20px;
       }
       a:nth-child(3){
           margin-left:40px;
       }
       .active{
           background:#af7533;
       }
       
   }
    
    
}
